<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>login</title>


<!-- Bootstrap core CSS -->
<link href="${pageContext.request.contextPath}/static-resources/js/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static-resources/fonts/font-awesome-4/css/font-awesome.min.css">


<link href="${pageContext.request.contextPath}/static-resources/css/style.css" rel="stylesheet" />
</head>

<body class="texture">
<div id="cl-wrapper" class="login-container">
  <div class="middle-login">
    <div class="block-flat">
      <div class="header">
        <h3 class="text-center"><img class="logo-img" src="${pageContext.request.contextPath}/static-resources/images/logo.png" alt="logo"/>Clean Zone</h3>
      </div>
      <div>
        <form style="margin-bottom: 0px !important;" class="form-horizontal" action="${pageContext.request.contextPath}/j_spring_security_check" method="post">
          <div class="content">
            <h4 class="title">Login Access</h4>
            <div class="form-group">
              <div class="col-sm-12">
                <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span>
                  <input type="text" placeholder="Username" id="j_username" name="j_username" class="form-control">
                </div>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-12">
                <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                  <input type="password" placeholder="Password" id="j_password" name="j_password" class="form-control">
                </div>
              </div>
            </div>
          </div>
          <div class="foot">
            <button class="btn btn-default" data-dismiss="modal" type="button">Register</button>
            <button class="btn btn-primary" data-dismiss="modal" type="submit">Log me in</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<script src="${pageContext.request.contextPath}/static-resources/js/jquery.js"></script> 

<!-- Bootstrap core JavaScript
================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 

</body>
</html>
